<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="./css/taobao.css" />
		<!--阿里矢量图标库-->
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<script type="text/javascript">
			window.onload=function(){
				var Flash_list=document.getElementsByClassName('Flash_list')[0];
				var dot=document.getElementsByClassName('dot');
				function move(){
					var old_left=parseInt(Flash_list.style.left);
					var new_left=old_left-300;
					if(new_left==(-2400)){
					new_left=0;
				   }
					Flash_list.style.left=new_left+'px';
					
				}
				setInterval(move,1000);
			}
		</script>
	
		<title></title>
	</head>

	<body>
		<!--顶部区域-->
		<div id="header" class="clearfix">
			<div class="logo">
				<i class="iconfont icon-taoicon"></i>
			</div>
			<a href="#" class="search"><i class="iconfont icon-fangdajing"></i>
					<span>寻找宝贝店铺</span>
			</a>
		</div>
		<!--顶部区域结束-->
		
		<!--轮播图部分-->
		<div id="Flash">
			<ul class="dot">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			<ul class="Flash_list" style="left: 0;">
				<li> <a href="#"><img src="./imgs/lbt1.jpg"/></a></li>
				<li> <a href="#"><img src="./imgs/lbt2.jpg"/></a></li>
				<li> <a href="#"><img src="./imgs/lbt3.jpg"/></a></li>
				<li> <a href="#"><img src="./imgs/lbt4.jpg"/></a></li>
				<li> <a href="#"><img src="./imgs/lbt5.jpg"/></a></li>
				<li> <a href="#"><img src="./imgs/lbt6.jpg"/></a></li>
				<li> <a href="#"><img src="./imgs/lbt7.jpg"/></a></li>
				<li> <a href="#"><img src="./imgs/lbt8.jpg"/></a></li>
			</ul>
		</div>
		<!--轮播图部分结束-->
		
		<!--图表列表部分-->
		<div id="icoList">
			<ul>
				<li>
					<a href=""></a>
					<span>天猫</span>
				</li>
				<li>
					<a href=""></a>
					<span>聚划算</span>
				</li>
				<li>
					<a href=""></a>
					<span>天猫国际</span>
				</li>
				<li>
					<a href=""></a>
					<span>外卖</span>
				</li>
				<li>
					<a href=""></a>
					<span>天猫超市</span>
				</li>
				<li>
					<a href=""></a>
					<span>充值中心</span>
				</li>
				<li>
					<a href=""></a>
					<span>飞猪旅行</span>
				</li>
				<li>
					<a href=""></a>
					<span>领金币</span>
				</li>
				<li>
					<a href=""></a>
					<span>排名</span>
				</li>
				<li>
					<a href=""></a>
					<span>分类</span>
				</li>
			</ul>
		</div>
		<!--图表列表部分结束-->
		
		<!--淘宝头条-->
		<div id="touTiao" class="clearfix">
			<div class="left">
				<a href="#"></a>
			</div>
			<div class='center'>
				<a href="#">疯抢</a>
			</div>
			<div class='right'>
				血拼！100万份爆款9元抢
			</div>
		</div>
		<!--淘宝头条结束-->
		
		<div class="space"></div>
		
		<!--淘抢购-->
		<div id="taoQiangGou">
			<div class="left">
					<a href="#"></a>
			</div>
			<div class="right">
				<div class="loveShoping">
					<a href="#"></a>
					<a href="#"></a>
				</div>
				<div class="mustBuy">
					<a href="#"></a>
					<a href="#"></a>
				</div>
			</div>
		</div>
		<!--淘抢购结束-->
		
		<div class="space"></div>
		
		<!--超实惠-->
		<div class="part clearfix chaoShiHui">
			<div class="title">
				<i></i>
				<a href="#">超实惠</a>
			</div>
			<div class="left">
				<a href=""></a>
				<a href=""></a>
			</div>
			<div class="right">
				<div class="top">
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>
				</div>
				<div class="bottom">
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>
				</div>
			</div>
		</div>
		<!--超实惠结束-->
		
		<div class="space"></div>
		
		<!--天猫必逛-->
		<div class="part tianmao clearfix ">
			<div class="title">
				<i></i>
				<a href="#">天猫必逛</a>
			</div>
			<div class="left">
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
			</div>
			<div class="right">
				<div class="top">
					<a href="#"></a>
				</div>
				<div class="bottom">
					<a href="#"></a>
					<a href="#"></a>
				</div>
			</div>
		</div>
		<!--天猫必逛结束-->
		
		<div class="space"></div>
		
		<!--特色好货-->
		<div class="part clearfix TSgoods">
			<div class="title">
				<i></i>
				<a href="#">特色好货</a>
			</div>
			<div class="left">
				<a href=""></a>
				<a href=""></a>
			</div>
			<div class="right">
				<div class="top">
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>
				</div>
				<div class="bottom">
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>
				</div>
			</div>
		</div>
		<!--特色好货结束-->
		
		<!--更多服务-->
		<div class="moreService clearfix">
			<a href="#"></a>
			<div class="more">
				<a href="#">更多服务</a>
				<i></i>
			</div>
			
		</div>
		<!--更多服务结束-->
		
		<!--广告区域-->
		<div class="ad1">
			<a href="#"><img src="./imgs/ad1.png"/></a>
		</div>
		<!--广告区域结束-->
		
		<!--热门市场-->
		<div class="part clearfix hotMarkt">
			<div class="title">
				<i></i>
				<a href="#">热门市场</a>
				<div class="more">
					<a href="#">更多</a>
					<i></i>
				</div>
			</div>
			<div class="left">
				<a href=""></a>
				<a href=""></a>
			</div>
			<div class="right">
				<div class="top">
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>
				</div>
				<div class="bottom">
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>
				</div>
			</div>
		</div>
		<!--热门市场结束-->
	</body>

</html>